<template>
  <div id="app">
    <main-header></main-header>
    <main-todo></main-todo>
    <main-footer></main-footer>
  </div>
</template>

<script>
//导入组件
//打包工具允许省略后缀（.vue .js），
//支持两种情况：先后？ 先找同名.vue，再找同名文件夹的index.vue
import MainHeader from './components/MainHeader'
import MainTodo from './components/MainTodo'
import MainFooter from './components/MainFooter'

export default {
  name: 'App',
  components: {
    MainHeader,
    MainTodo,
    MainFooter,
  },
}
</script>

<style lang="stylus">
// vue项目不推荐使用相对路径
@import '~styles/reset.styl'
</style>
